<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>账号中心</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/new.css" />
		<script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
		<script type="text/javascript" src="lib/bootstrap.min.js" ></script>
		<link rel="stylesheet" href="css/gzh/userCenter.css" />
	</head>
	<body>
		<div class="IsAll">
			<div class="IsTop">
				<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="gzh-IDHead.jsp" width="100%"  height="auto"></iframe>
			</div>
			<div class="IsDhl">
				<ul class="nav nav-pills pull-right">
					<li class="active"><a href="#">帐号与安全</a></li>
					<li><a href="http://127.0.0.1:8020/Vmall/userInfo.html?__hbt=1536660221966">个人信息</a></li>
					<li><a href="#">华为服务</a></li>
					<li><a href="#">安全中心</a></li>
					<li><a href="#">设置</a></li>
				</ul>
			</div>
			<div class="wp">
				<div class="pannel account-pannel">

					<div class="ptitle2 account-colum">
						账号
					</div>
					<div class="account-des">
						用于登录和验证身份，同时也是您个人信息的一部分。如有更换，请及时更新。
					</div>
					<div class="Isline">
						<div class="uctb mkcl">
							<div class="pull-right">
								<span id="ChangePhoneBtn_0" class="btn completeInfo">更换</span>
							</div>
							<img class="pull-left" src="img/gzh/phone.png" />
							<div class="detail">
								<p class="dTop">
									手机号
									<span class="userColor" id="phoneExp_0">18711380852</span>
									<span type="hidden" id="phoneVal_0"class="hidden userColor">18711380852</span>
								</p>
							</div>
						</div>
					</div>
					<div class="Isline">
						<div class="uctb mkcl">
							<div class="pull-right">
								<span id="bindEmailBtn" class="btn completeInfo">绑定</span>
							</div>
							<img class="pull-left" src="img/gzh/Email.png" />
							<div class="detail">
								<p class="dTop">
									邮件地址 
									<span class="userColor" id="emailVal_0"></span>
									<span >未绑定</span>
								</p>
							</div>
						</div>
					</div>
				</div>
				<div class="pannel">
					<div class="ptitle2">
						绑定
					</div>
					<div class="Isline">
						<div class="uctb mkcl">
							<div class="pull-right">
								<span id="btnBand_0" class="btn completeInfo ">绑定</span>
								<span id="btnTips0"></span>
							</div>
							<img class="pull-left thirdAccInfoImg" src="img/gzh/wap_weixin.png"/>
							<div class="detail thirdAccountStyle">
								<p class="dTop">微信</p>
							</div>
						</div>
					</div>
					<div class="Isline">
						<div class="uctb mkcl">
							<div class="pull-right">
								<span id="btnBand_1" class="btn completeInfo ">绑定</span>
								<span id="btnTips1"></span>
							</div>
							<img class="pull-left thirdAccInfoImg" src="img/gzh/wap_qq.png"/>
							<div class="detail thirdAccountStyle">
								<p class="dTop">qq</p>
							</div>
						</div>
					</div>
					<div class="Isline">
						<div class="uctb mkcl">
							<div class="pull-right">
								<span id="btnBand_3" class="btn completeInfo ">绑定</span>
								<span id="btnTips3"></span>
							</div>
							<img class="pull-left thirdAccInfoImg" src="img/gzh/wap_weibo.png"/>
							<div class="detail thirdAccountStyle">
								<p class="dTop">微博</p>
							</div>
						</div>
					</div>
				</div>
				<div class="pannel">
					<div class="ptitle2">安全</div>
						<div class="Isline">
							<div class="uctb mkcl">
								<div class="pull-right">
									<b class="btn completeInfo" id="twoVerifyBtn" optype="0">开启</b>
								</div>
								<img class="pull-left" src="img/gzh/account_p.png"/>
								<div class="detail">
									<p class="dTop">帐号保护</p>
									<p>开启后，在非受信任设备或网站上登录，需通过验证码验证身份。</p>
								</div>
							</div>
						</div>
						
						<div class="Isline">
							<div class="uctb mkcl">
								<div class="pull-right">
									<span class="btn completeInfo" id="security_phone_set_btn">设置</span>
								</div>
								<img class="pull-left" src="img/gzh/lock_e.png"/>
								<div class="detail">
									<p class="dTop">安全手机号 <span id="security_phone_text">(未设置)</span><span id="security_phone_tip"></span></p>
									<p>用于重置密码和验证身份</p>
								</div>
							</div>
						</div>
						
						<div class="Isline">
							<div class="uctb mkcl">
								<div class="pull-right">
									<span class="btn completeInfo" id="security_email_set_btn" >设置</span>
								</div>
								<img class="pull-left" src="img/gzh/lock_e.png"/>
								<div class="detail">
									<p class="dTop">安全邮件地址  <span id="security_email_text">(未设置)</span></p>
									<p>用于重置密码和验证身份</p>
								</div>
							</div>
						</div>
						
						<div class="Isline">
							<div class="uctb mkcl">
								<div class="pull-right">
									<span class="btn completeInfo" id="cpsw" >修改</span>
								</div>
								<img class="pull-left" src="img/gzh/modify.png"/>
								<div class="detail">
									<p class="dTop modifyPwd">修改密码</p>
								</div>
							</div>
						</div>
						
						<div class="Isline">
							<div class="uctb mkcl">
								<div class="pull-right">
									<span class="btn completeInfo" id="logoutAllBrowser" >退出</span>
								</div>
								<img class="pull-left" src="img/gzh/ic_quit.png"/>
								<div class="detail">
									<p class="dTop modifyPwd">从所有浏览器退出</p>
									<p>立即退出当前帐号在所有浏览器的登录</p>
								</div>
							</div>
						</div>
				</div>
		</div>
		<div class="Isfoot">
			<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="gzh-IdFoot.jsp" width="100%"  height="50px"></iframe>
		</div>
		</div>
	</body>
</html>